<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="new :: common_head('供能策略')"></head>

<body>
<!--运行策略显示结果模态框1-->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="myModalLabel">策略内容</h4>
            </div>
            <div class="modal-body">
                <table class="table table-striped table-bordered">
                    <thead>
                    <tr>
                        <th>需要开启设备名称</th>
                        <th>建议开启数目</th>
                        <th>开启时间</th>
                        <th>关闭时间</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>免费供冷水泵</td>
                        <td class="center">2</td>
                        <td class="center">8:00</td>
                        <td class="center">17:00</td>
                    </tr>
                    <tr>
                        <td>地源热泵模块主机B</td>
                        <td class="center">2</td>
                        <td class="center">0:00</td>
                        <td class="center">6:00</td>
                    </tr>
                    <tr>
                        <td>蓄能水槽</td>
                        <td class="center">1</td>
                        <td class="center">0:00</td>
                        <td class="center">6:00</td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal">采用</button>
            </div>
        </div>
    </div>
</div>

<!-- start: Header -->
<div th:replace="~{new::header}"></div>
<!-- end: Header -->

<div class="container-fluid-full">
    <div class="row-fluid">

        <!-- start: Main Menu -->
        <div id="sidebar-left" class="span2" th:replace="new::sidebar_left"></div>
        <!-- end: Main Menu -->

        <noscript>
            <div class="alert alert-block span10">
                <h4 class="alert-heading">Warning!</h4>
                <p>You need to have <a href="" target="_blank">JavaScript</a> enabled to use this site.</p>
            </div>
        </noscript>

        <!-- start: Content -->
        <div id="content" class="span10">
            <ul class="breadcrumb">
                <li>
                    <i class="fas fa-circle-notch"></i>
                    <a th:href="@{/graphInfo/viewGraphInfo}">Home</a>
                    <i class="icon-angle-right"></i>
                </li>
                <li><a href="#">储能设备列表</a></li>
            </ul>

            <div class="row-fluid sortable">
                <div class="box span12">
                    <div class="box-content">
                        <form class="form-horizontal" style="margin-bottom: 0px">
                            <fieldset>
                                <div class="control-group ">
                                    <label class="control-label">地板所需热量:</label>
                                    <div class="controls">
                                        <span class="input-xlarge uneditable-input">2000</span>
                                    </div>
                                </div>
                                <div class="control-group ">
                                    <label class="control-label">新风所需热量:</label>
                                    <div class="controls">
                                        <span class="input-xlarge uneditable-input">3000</span>
                                    </div>
                                </div>
                                <div class="form-actions" style="margin:0px -10px -10px -10px">
                                    <button type="button" data-toggle="modal" data-target="#myModal"
                                            class="btn btn-primary">运行策略
                                    </button>
                                    <button type="button" onclick="toDevice()" class="btn btn-primary">返回</button>
                                </div>
                            </fieldset>
                        </form>
                    </div>
                </div><!--/span-->
            </div><!--/row-->

            <div class="row-fluid sortable" draggable="false">
                <div class="box span12">
                    <div class="box-header" data-original-title draggable="false">
                        <h2><i class="halflings-icon white user"></i><span class="break"></span>储能设备展示</h2>
                        <div class="box-icon"></div>
                    </div>
                    <div class="box-content">
                        <table class="table table-striped table-bordered bootstrap-datatable datatable">
                            <thead>
                            <tr>
                                <th>设备名称</th>
                                <th>设备总数</th>
                                <th>已开启</th>
                                <th>操作</th>
                                <th>开启时间</th>
                                <th>关闭时间</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>免费供冷水泵</td>
                                <td class="center">2</td>
                                <td class="center">2</td>
                                <td class="center">
                                    <a class="btn btn-info" href="strategyEdit.html">
                                        <i class="halflings-icon white edit"></i>
                                    </a>
                                </td>
                                <td class="center">2:00</td>
                                <td class="center">6:00</td>
                            </tr>
                            <tr>
                                <td>地源热泵模块主机A</td>
                                <td class="center">3</td>
                                <td class="center">2</td>
                                <td class="center">
                                    <a class="btn btn-info" href="strategyEdit.html">
                                        <i class="halflings-icon white edit"></i>
                                    </a>
                                </td>
                                <td class="center">4:00</td>
                                <td class="center">6:00</td>
                            </tr>
                            <tr>
                                <td>地源热泵模块主机B</td>
                                <td class="center">5</td>
                                <td class="center">2</td>
                                <td class="center">
                                    <a class="btn btn-info" href="strategyEdit.html">
                                        <i class="halflings-icon white edit"></i>
                                    </a>
                                </td>
                                <td class="center">5:00</td>
                                <td class="center">6:00</td>
                            </tr>
                            <tr>
                                <td>蓄能水槽</td>
                                <td class="center">1</td>
                                <td class="center">1</td>
                                <td class="center">
                                    <a class="btn btn-info" href="strategyEdit.html">
                                        <i class="halflings-icon white edit"></i>
                                    </a>
                                </td>
                                <td class="center">2:00</td>
                                <td class="center">6:00</td>
                            </tr>
                            <tr>
                                <td>A、B机组空调侧水泵</td>
                                <td class="center">3</td>
                                <td class="center">0</td>
                                <td class="center">
                                    <a class="btn btn-info" href="strategyEdit.html">
                                        <i class="halflings-icon white edit"></i>
                                    </a>
                                </td>
                                <td class="center">0</td>
                                <td class="center">0</td>
                            </tr>
                            <tr>
                                <td>A、B机组地源侧水泵</td>
                                <td class="center">2</td>
                                <td class="center">0</td>
                                <td class="center">
                                    <a class="btn btn-info" href="strategyEdit.html">
                                        <i class="halflings-icon white edit"></i>
                                    </a>
                                </td>
                                <td class="center">0</td>
                                <td class="center">0</td>
                            </tr>
                            <tr>
                                <td>太阳能供热直供水泵</td>
                                <td class="center">2</td>
                                <td class="center">0</td>
                                <td class="center">
                                    <a class="btn btn-info" href="strategyEdit.html">
                                        <i class="halflings-icon white edit"></i>
                                    </a>
                                </td>
                                <td class="center">0</td>
                                <td class="center">0</td>
                            </tr>
                            <tr>
                                <td>太阳能蓄能水泵</td>
                                <td class="center">2</td>
                                <td class="center">0</td>
                                <td class="center">
                                    <a class="btn btn-info" href="strategyEdit.html">
                                        <i class="halflings-icon white edit"></i>
                                    </a>
                                </td>
                                <td class="center">0</td>
                                <td class="center">0</td>
                            </tr>
                            <tr>
                                <td>空调蓄能水泵</td>
                                <td class="center">2</td>
                                <td class="center">0</td>
                                <td class="center">
                                    <a class="btn btn-info" href="strategyEdit.html">
                                        <i class="halflings-icon white edit"></i>
                                    </a>
                                </td>
                                <td class="center">0</td>
                                <td class="center">0</td>
                            </tr>
                            <tr>
                                <td>放能一次泵</td>
                                <td class="center">2</td>
                                <td class="center">0</td>
                                <td class="center">
                                    <a class="btn btn-info" href="strategyEdit.html">
                                        <i class="halflings-icon white edit"></i>
                                    </a>
                                </td>
                                <td class="center">0</td>
                                <td class="center">0</td>
                            </tr>
                            <tr>
                                <td>放能二次泵</td>
                                <td class="center">2</td>
                                <td class="center">0</td>
                                <td class="center">
                                    <a class="btn btn-info" href="strategyEdit.html">
                                        <i class="halflings-icon white edit"></i>
                                    </a>
                                </td>
                                <td class="center">0</td>
                                <td class="center">0</td>
                            </tr>
                            <tr>
                                <td>闭次冷却塔</td>
                                <td class="center">1</td>
                                <td class="center">0</td>
                                <td class="center">
                                    <a class="btn btn-info" href="strategyEdit.html">
                                        <i class="halflings-icon white edit"></i>
                                    </a>
                                </td>
                                <td class="center">0</td>
                                <td class="center">0</td>
                            </tr>
                            <tr>
                                <td>太阳能槽式集热器</td>
                                <td class="center">1</td>
                                <td class="center">0</td>
                                <td class="center">
                                    <a class="btn btn-info" href="strategyEdit.html">
                                        <i class="halflings-icon white edit"></i>
                                    </a>
                                </td>
                                <td class="center">0</td>
                                <td class="center">0</td>
                            </tr>
                            </tbody>

                        </table>
                    </div>
                </div>
            </div>
        </div><!--/.fluid-container-->
        <!-- end: Content -->
    </div><!--/#content.span10-->
</div><!--/fluid-row-->

<div class="modal hide fade" id="myModal1">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">×</button>
        <h3>Settings</h3>
    </div>
    <div class="modal-body">
        <p>Here settings can be configured...</p>
    </div>
    <div class="modal-footer">
        <a href="#" class="btn" data-dismiss="modal">Close</a>
        <a href="#" class="btn btn-primary">Save changes</a>
    </div>
</div>
<div class="common-modal modal fade" id="common-Modal1" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-content">
        <ul class="list-inline item-details">
            <li><a href="http://sc.chinaz.com">Admin templates</a></li>
            <li><a href="http://sc.chinaz.com">Bootstrap themes</a></li>
        </ul>
    </div>
</div>
<div class="clearfix"></div>
<div th:replace="new::common_js"></div>
<script th:src="@{/js/detect-element-resize.js}"></script>
<script th:src="@{/js/iframe-resize.js}"></script>
</body>
</html>